<div>
  <el-steps :active="step">
    <el-step title="已完成" description="基本信息"></el-step>
    <el-step title="进行中" description="商品图片"></el-step>
    <el-step title="步骤 3" description="商品内容"></el-step>
  </el-steps>
  <el-tabs v-model="curSelected" @tab-click="synchronous" tab-position="left">
    <!-- 第一部分 -->
    <el-tab-pane label="基本信息" name="msg">
      <el-form ref="goodsForm" :model="goodsForm" label-width="80px">
        <el-form-item label="商品名称">
          <el-input v-model="goodsForm.goods_name"></el-input>
        </el-form-item>
        <el-form-item label="商品价格">
          <el-input v-model="goodsForm.goods_price"></el-input>
        </el-form-item>
        <el-form-item label="商品重量">
          <el-input v-model="goodsForm.goods_weight"></el-input>
        </el-form-item>
        <el-form-item label="商品数量">
          <el-input v-model="goodsForm.goods_number"></el-input>
        </el-form-item>
        <el-form-item label="商品分类">
          <el-cascader :props="{value: 'cat_id', label: 'cat_name'}" :options="cateList" v-model="goodsForm.goods_cat">
          </el-cascader>
        </el-form-item>
        <el-form-item label="是否促销">
          <el-radio v-model="goodsForm.is_promote" :label="true">是</el-radio>
          <el-radio v-model="goodsForm.is_promote" :label="false">否</el-radio>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="nextStep('pic', 1)">下一步</el-button>
        </el-form-item>
      </el-form>
    </el-tab-pane>
    <!-- 第二部分 -->
    <el-tab-pane label="商品图片" name="pic">
      <el-upload class="upload-demo" :headers="headers" action="http://localhost:8888/api/private/v1/upload"
        :on-success="picUploadSuccess" list-type="picture">
        <el-button size="small" type="primary">点击上传</el-button>
        <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
      </el-upload>
      <el-button type="primary" @click="nextStep('content', 2)">下一步</el-button>
    </el-tab-pane>
    <!-- 第三部分 -->
    <el-tab-pane label="商品内容" name="content">
      <quill-editor v-model="goodsForm.goods_introduce" ref="myQuillEditor">
      </quill-editor>
      <el-button type="primary" @click="addGoods">确定</el-button>
    </el-tab-pane>
  </el-tabs>

</div>